/*HOME*/
body{background:#0000FF url(https://sites.google.com/site/binkbenk77/loreks.jpg) repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;text-shadow:2px 2px 2px #000;overflow:hidden;cursor:move;
}
.nice:hover{color:#ddd;
}
.nice{position:absolute;bottom:15%;right:50px;z-index:-999;font:bold 70px Audiowide;color:#8181F7;letter-spacing:-10px;text-shadow:1px 2px 5px #000,3px 4px 5px #fff,5px 6px 5px #000,7px 8px 5px #000;transition:all 2s ease-out;-moz-transition:all 2s ease-out;-webkit-transition:all 2s ease-out;
}
h1{position:absolute;top:-10px;font:bold 120px Audiowide;text-transform:capitalize;line-height:110px;letter-spacing:-10px;
}
h1:first-letter{font:bold 150px Audiowide;line-height:100px;background:#8181F7;padding-left:5px;padding-right:20px;padding-top:-2px;padding-bottom:-2px;color:#A9A9F5;margin-left:15px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;border:2px inset #fff;-moz-box-shadow:1px 2px 5px #000,3px 4px 5px #fff,5px 6px 5px #000,7px 8px 5px #000,inset 0 0 10px #000;-webkit-box-shadow:1px 2px 5px #000,3px 4px 5px #fff,5px 6px 5px #000,7px 8px 5px #000,inset 0 0 10px #000;box-shadow:1px 2px 5px #000,3px 4px 5px #fff,5px 6px 5px #000,7px 8px 5px #000,inset 0 0 10px #000;
}
a:link,a:visited{color:#8181F7;text-shadow:1px 2px 5px #000,3px 4px 5px #fff,5px 6px 5px #000,7px 8px 5px #000;-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-o-transition:all 2s ease-out;text-decoration:none;
}
a:hover{color:#ddd;
}
a.toltip{position:relative;z-index:24;}
a.toltip span{display:none;}
a.toltip:hover{z-index:999;}
a.toltip:hover span.tooltip{display:block;position:absolute;top:110px;left:20px;padding:15px 0 0 0;width:200px;text-align:center;opacity:0.8;
}
a.toltip:hover span.top{display:block;padding:30px 8px 0;background:url(https://sites.google.com/site/binkbenk77/bubble.gif) no-repeat top;
}
a.toltip:hover span.middle{display:block;padding:0 8px;font:20px Audiowide;color:#fff;text-transform:uppercase;text-shadow:-2px 0 #000,0 2px #000,2px 0 #000,0 -2px #000;background:url(https://sites.google.com/site/binkbenk77/bubble_filler.gif) repeat bottom;
}
a.toltip:hover span.bottom{display:block;padding:3px 8px 10px;color:#548912;background:url(https://sites.google.com/site/binkbenk77/bubble.gif) no-repeat bottom;
}
ul#lefdock{position:absolute;width:100%;margin:0 auto;bottom:35%;
}
ul#lefdock li{width:100px;display:inline;
}
ul#lefdock li a{background-position:center;background-repeat:no-repeat;background-size:100px 80px;display:block;float:left;left:12%;width:130px;height:130px;text-decoration:none;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;padding:5px;border:2px inset #fff;-moz-box-shadow:0px 0px 15px 0px #fff,0 0 40px #000,inset 0 0 50px #000;-webkit-box-shadow:0px 0px 15px 0px #fff,0 0 40px #000,inset 0 0 50px #000;box-shadow:0px 0px 15px 0px #fff,0 0 40px #000,inset 0 0 50px #000;background-color:#8181F7;
}
ul#lefdock li a:hover{-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;background-size:120px 120px;margin-top:-30px;background-color:#ddd;-moz-box-shadow:0 0 50px #000,inset 0 0 20px #000;-webkit-box-shadow:0 0 50px #000,inset 0 0 20px #000;box-shadow:0 0 50px #000,inset 0 0 20px #000;border:1px solid #ddd;
}
ul#lefdock .home a{background-image:url(https://sites.google.com/site/binkbenk77/omah.png);
}
ul#lefdock .isi a{background-image:url(https://sites.google.com/site/binkbenk77/isi.png);
}
ul#lefdock .quest a{background-image:url(https://sites.google.com/site/binkbenk77/blog.png);
}
ul#lefdock .follow a{background-image:url(https://sites.google.com/site/binkbenk77/quest.png);
}
ul#lefdock .fb a{background-image:url(https://sites.google.com/site/binkbenk77/kontak.png);
}
#thempik{height:55px;width:100%;margin:0 auto;position:absolute;bottom:20px;z-index:-999;
}
#sikil{color:#BDBDBD;font:16px Audiowide;margin:0 auto;padding:15px 10px 35px 10px;width:940px;background:#8181F7;-moz-box-shadow:inset 0 0 10px #000;-webkit-box-shadow:inset 0 0 10px #000;box-shadow:inset 0 0 10px #000;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:2px inset #fff;
}
#sikil a{color:#BDBDBD;text-shadow:2px 2px 2px #000
}
#sikil a:hover{color:#ddd;text-shadow:-2px 0 #000,0 2px #000,2px 0 #000, 0 -2px #000;
}
/*N HOME*/